<template>
  <div class="sort">
    <div class="breadcrumb">
      <Breadcrumb>
        <BreadcrumbItem to="/">返回</BreadcrumbItem>
        <BreadcrumbItem to="/">组织管理</BreadcrumbItem>
        <BreadcrumbItem>调整排序</BreadcrumbItem>
      </Breadcrumb>
    </div>
    <div class="sort-guide">
      <h2 class="guide-title">使用指南：</h2>
      <p class="guide-item">1、鼠标移至部门上方，可对部门进行置顶、上移或下移。</p>
      <p>
        2、2号人事部可为你智能推荐部门顺序，当你“确认排序”后才会生效。
        <a href>智能排序</a>
      </p>
    </div>
    <div class="sort-tree-wrap">
        <div class="sort-tree">

        </div>
    </div>

    <!-- bottom -->
    <div class="bottom-btns-wrap">
        <div class="btns ">
          <Button class="mr18 default-btn">取消</Button>
          <Button class="save-btn-green">确认排序</Button>
        </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  }
};
</script>
<style lang="scss" src="./index.scss">
</style>

